.CssTableFlex {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  &-cell {
    display: table-cell;
    border: 1px solid #ddd;
    padding: 12px;
  }
  &-table {
    display: table;
    font-size: 12px;
    // width: 100%;
    // table-layout: fixed;
    // &.style-1 {
    //   width: 100%;
    // }
    &.style-1 &__main {
      width: 100000px;
    }
    &__main {
      border: 1px solid #ddd;
      display: table-cell;
      vertical-align: middle;
    }
    &__tips {
      padding-left: 12px;
      font-size: 12px;
      display: table-cell;
      vertical-align: middle;
      white-space: nowrap;
    }
  }
  &-madia {
    display: flex;
    flex-wrap: wrap;
    padding: 12px 0;
    margin-bottom: -24px;
    &__item {
      padding: 12px;
      border: 1px solid #ddd;
      margin: 0 12px 24px;
      box-sizing: border-box;
      // 奇怪的计算
      flex: 1;
      // min-width: 20%;
      // max-width: 20%;
      width: 180px;
    }
  }
}
